﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title th:text="${info?.name?:'未设置名称'}"></title>
    <meta name="keywords" th:content="${info?.keywords?:''}" content="">
    <meta name="description" th:content="${info?.description?:''}" content="">
    <link rel="icon" href="assets/img/img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">
    <link rel="stylesheet" type="text/css" href="assets/swiper/swiper-bundle.min.css">
    <link href="assets/css/css/animate.css" rel="stylesheet">

</head>
<body>
<div class="caseDetail">
    <!-- 头部 -->
    <div id="head">
        <div th:include="pub_head"></div>
        <img src="assets/img/bann.png" class="banner bans">
    </div>
    <!-- 内容 -->
    <div class="commit_center caseDetail allCont">
        <!-- 小导航 -->
        <div class="smallNav">
            <a href="index">首页</a> >
            <a href="case-1.html">案例</a> >
            <a>详情</a>
        </div>
        <!-- 中国风背景设计图 -->
        <div class="chinese">
            <div class="center">
                <p class="title">掌金优选</p>
                <img src="uploads/20211226/00d0ddf1cdf26a3925c80bb08524522c.png" class="wow fadeInUp"
                     data-wow-duration="2s" data-wow-delay="100ms">
                <div class="content wow fadeInUp" data-wow-duration="2s" data-wow-delay="100ms">
                    <p>
                        拼团可以激发消费者低价消费的积极性，让消费者自发传播，它是一种快速的裂变营销。可以在很短时间内，积累出庞大的精准客户，而且这些客户都是基于同一个圈子。所以，拼团是比团购好几百倍的快速裂变营销方式。
                        美团和大众联姻，可以看到团购网站的潜力相当大，而拼团有极大可能性会颠覆团购模式，它的价值正在被业界所认同，是团购的2.0时代。</p>
                </div>
            </div>
        </div>

        <!-- 热门相似作品 -->
        <div class="same">
            <p class="tit">热门相似作品:</p>
            <!-- Swiper -->
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail.html?id=1">
                            <img src="uploads/20211228/f4baecf1e8f6fae1153094007e3e3dea.png">
                            <p>
                                <span>案列</span>
                                掌金优选 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail-1.html?id=2">
                            <img src="uploads/20211228/44e2bb697f504f894801fd1df14d1eee.png">
                            <p>
                                <span>案列</span>
                                果蔬网站 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail-2.html?id=3">
                            <img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
                            <p>
                                <span>案列</span>
                                儿童教育 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail-3.html?id=4">
                            <img src="uploads/20211228/cd278819133cf8b0621b5588d9e27c61.png">
                            <p>
                                <span>案列</span>
                                中国风背景设计图 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail-4.html?id=5">
                            <img src="uploads/20211228/e5e3b617ac52345ada2519cb40fd4dd4.png">
                            <p>
                                <span>案列</span>
                                中国风背景设计图 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail-5.html?id=6">
                            <img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
                            <p>
                                <span>案列</span>
                                APP登录页面 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail-15.html?id=32">
                            <img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
                            <p>
                                <span>案列</span>
                                中国风背景设计图 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="casedetail-16.html?id=34">
                            <img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
                            <p>
                                <span>案列</span>
                                中国风背景设计图 </p>
                        </a>
                    </div>
                    <div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
                        <a href="cms_casedetail?id=35">
                            <img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
                            <p>
                                <span>案列</span>
                                中国风背景设计图 </p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 脚部 -->
    <div th:include="pub_footer"></div>


</div>
<!-- script -->
<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/swiper/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<!-- wow弹动 -->
<script src="assets/js/js/wow.min.js"></script>
<!-- Initialize Swiper -->
<script>
			var swiper = new Swiper(".mySwiper", {
				loop : true,
				speed : 2000,
				autoplay : true,
				autoplay : {
						delay : 2000,
						disableOnInteraction : false
				},
				slidesPerView: 4,
				spaceBetween: 30,
				freeMode: true,
				pagination: {
					el: ".swiper-pagination",
					clickable: true,
				},
			});


</script>
</body>
</html>
